<!DOCTYPE html>
<html lang="en">
<head>
	<?php $this->load->view('common/head');?>
	
	<!-- 本页面所有 -->

	<title>户外活动</title>
	<!-- 导入自定义字体 -->
	<link rel="stylesheet" href="/assets/css/iconfont.css">
	<!-- 导入页面自定义样式 -->
	<link rel="stylesheet" href="/assets/css/government.css">
</head>
<body>
	<div id="header" class="header">
		<?php $this->load->view('common/header');?>	
	</div>
	<div class="container pg-activities">
		<div id="fullpage" class="banner">
			<div class="bg-black"></div>
			<img src="/assets/images/government/4.jpg" width="1920px" height="auto" alt="">
			<div class="banner-text">
				<p class="text-big bold">特殊教育环境设计—户外活动</p>
			</div>
		</div>
		<div class="main-content">
			<div class="main-content-wrapper">
				<div class="topic clearfix">
					<div class="icon-playground-black"></div>
					<div class="topic-title">户外活动设计说明</div>
				</div>
				<div class="activities-img-wrapper clearfix">
					<div class="fl" style="background-image: url('/assets/images/government/outdoor/1.jpg');width: 510px;height: 450px;margin-right: 10px;"></div>
					<div class="fl" style="background-image: url('/assets/images/government/outdoor/2.jpg');width: 480px;height: 450px;"></div>
				</div>
			</div>
		</div>	
	</div>
	<div class="footer">
		<?php $this->load->view('common/footer');?>	
	</div>
	<script>
		$(function () {
			resizeBanner();
			$(window).resize(function() {
  				resizeBanner();
			});
	
		})
		function resizeBanner () {
			var hHeader = $("#header").height();
			var hDocument = $(window).height();
			var hFullpage = hDocument - hHeader;
			$("#fullpage").height(hFullpage);
		}

	</script>
</body>
</html>
